<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>iTunes Remote</title>
  <meta name="viewport" content="width=320,user-scalable=no;">
  
  <link rel="stylesheet" type="text/css" media="screen"  href="/css/main.css">
  <script src="/js/main.js" type="text/javascript"></script>
  
  <!-- CREDITS
    * Thanks to Joe Hewitt for many of the iPhone-specific images and 
      code used on this page.
       
       <http://www.joehewitt.com>
       <http://www.joehewitt.com/iui/>
    
    * Favicon stolen from the iTunes.app package.

    * Play, pause, back, and next buttons taken from VLC and are
       distributed under the GPL.
        
       <http://www.videolan.org/>
       <http://www.gnu.org/copyleft/gpl.html>
       
    * Volume and ratings buttons from the Tango Icon Library.
  -->
</head>
<body>
<h1>telecomando</h1>

<div id="song">
  <div id="hack">
    <span id="name"></span> <br>
    <span id="album"></span> <br>
    <span id="artist"></span> <br>
  </div>
</div>

<img src="/images/back.png" id="back_track" alt="Back" height="60px" width="60px">
<img src="/images/next.png" id="next_track" alt="Next" height="60px" width="60px">

<img src="/images/play.png" id="play" alt="Play" height="75px" width="75px">
<img src="/images/pause.png" id="pause" alt="Pause" height="75px" width="75px">

<div id="volume_controls">
  <img src="/images/volume-up.png" id="vol_up" alt="Volume Up" height="40px"><br>
  <span id="volume"></span><br>
  <img src="/images/volume-down.png" id="vol_down" alt="Volume Down" height="40px">
</div>

<div id="rating_controls">
  <img src="/images/rating-up.png" id="rat_up" alt="Rating Up" height="40px"><br>
  <span id="rating"></span><br>
  <img src="/images/rating-down.png" id="rat_down" alt="Rating Down" height="40px">
</div>

<img src="/images/refresh.png" id="refresh" alt="Refresh" width="50px">  
</body>
</html>
